<@channeltitlelist channelpath='spring' total=10 length=100 >
<script type="text/x-template" id="spring">
    <div>
        <div style="padding: 10px;">
            <el-card class="box-card"  style="height: 600px"  >
                <div slot="header" class="clearfix">
                    <span>${result.channelName}</span>
                    <el-button style="float: right; padding: 3px 0" type="text" @click="morechannel('${result.channelPath}')">更多</el-button>
                </div>

                <#list result.notes as item>
                <div class="el-collapse-item">
                    <div role="tab" aria-controls="el-collapse-content-2134" aria-describedby="el-collapse-content-2134">
                        <div role="button" @click="opennote('${item.contentUrl}')" id="el-collapse-head-2134" tabindex="0" class="el-collapse-item__header">
                            ${item.title}
                            <i class="el-collapse-item__arrow el-icon-arrow-right"></i>
                        </div>
                    </div>
                </div>
            </#list>

            </el-card>
        </div>
    </div>
</script>
<script>
    let spring={
        data() {
            return {
                activeNames: ['0']
            }
        },
        template: '#spring',
        created(){

        },
        methods: {
            opennote(val){
                window.open(val)
            },
            handleChange(val) {
                console.log(val);
            },
            morechannel(path){
                window.open('channeltitle?channelPath='+path)
            },
        }
    }
    Vue.component('spring',spring);
</script>
</@channeltitlelist>